<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <nav class="menu" id="nav">
        <span class="nav-item active">
            <span class="icon">
                <i data-feather="home"></i>
            </span>
            <a href="#">Home</a>
        </span>
        <span class="nav-item">
            <span class="icon">
                <i data-feather="search"></i>
            </span>
            <a href="#">Search</a>
        </span>
        <span class="nav-item">
            <span class="icon">
                <span class="subicon">13</span>
                <i data-feather="bell"></i>
            </span>
            <a href="#">Notifications</a>
        </span>
        <span class="nav-item">
            <span class="icon">
                <i data-feather="star"></i>
            </span>
            <a href="#">Favorites</a>
        </span>
        <span class="nav-item">
            <span class="icon">
                <span class="subicon">1</span>
                <i data-feather="bell"></i>
            </span>
            <a href="#">Your Profile</a>
        </span>
    </nav>
    <script src="index.js"></script>
</body>
</html>